ion-content{ --background: transparent none !important; } 
.qrscanner { background: none;
     &-area { width: 100%;
         height: 86%;
          background: url(../../../assets/icon/scanner.svg) no-repeat center center;
           background-size: contain; } 
        }
        .through-line{ 
            left: 25%;
             width: 50%;
              height: 2px;
               background: red;
                position: absolute;
                 animation: myfirst 2s linear infinite alternate;
                 }
                  @keyframes myfirst { 
                      0% { background: red; top: 30%; } 
                      25% { background: yellow; top: 35%; } 
                      50% { background: blue; top: 40%; } 
                      75% { background: green; top: 45%; } 
                      100%{ background: red; top: 50%; } 
                    } .button-bottom{
                width: 128px;
                position: absolute;
                left: 50%; bottom: 80px; margin-left: -64px;
                .icon-camera { float: left; }
                    }
    